<template>
	<view class="padding30rpx">
		<view class="dis cour"  v-for="(item,index) in data" :key="index">
			<view class="cour-left">
				<image :src="item.img"></image>
			</view>
			<view class="cour-right">
				<view class="clamp cour-biao">{{item.tit}}</view>
				<view class="dis  cour-bot" >
					<view class="hui99 "><label>{{item.money}}</label></view>
					<view class="cour-ju" @tap="enter(item)">取消定时</view>
				</view>
				
			</view>
		</view>
		<button @tap="add">添加课程</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:[
					{img:'https://pic2.zhimg.com/80/v2-dc3aed71e6e4c79a7744a5aa1c0f6469_720w.jpg',money:'2021-03-03  17：00',status:0,tit:'美华裔医护人员感染新冠，病情严重多症状并发，说一...'},
					{img:'https://pic4.zhimg.com/80/v2-b7813b90c496cc6d3f0240b5546da89b_720w.jpg',money:'2021-03-03  17：00',status:1,tit:'深圳六旬老汉不配合检疫检查还咬伤警察，获刑9个月...'},
					{img:'https://pic3.zhimg.com/80/v2-f9c7b78c0ab9ad42e93cb6dcbb9c559e_720w.jpg',money:'2021-03-03  17：00',status:2,tit:'丈夫从火葬场捡回家一只手，妻子看见直接被吓晕'},
				]
			}
		},
		onLoad() {
			
		},
		methods: {
			//取消定时
			enter(i){
				uni.showToast({
					icon:'none',
					title:'取消定时成功！'
				})
			},
			add(){
				uni.navigateTo({
					url:'../add/add'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	button{
		width: 92%;
		height: 92rpx;
		line-height: 92rpx;
		background-color: #00A29A;
		color: #FFFFFF;
		position: fixed;
		bottom: 80rpx;
	}
	.cour{
		margin-top: 25rpx;
		position: relative;
		.cour-left{
			width: 180rpx;
			height: 180rpx;
			margin-right: 25rpx;
			image{
				width: 180rpx;
				height: 180rpx;			
				border-radius: 10rpx;
			}
		}
		.cour-biao{
			font-size: 30rpx;
			color: #333333;
		}
		
		.cour-bot{
			position: absolute;
			bottom: 0;
			display: flex;
			align-items: center;
			width: 70%;
			.cour-ju{
				width: 169rpx;
				height: 48rpx;
				border-radius: 5rpx;
				line-height: 48rpx;
				text-align: center;
				color: #00A29A;
				position: absolute;
				border: 2rpx solid #00A29A;
				right: 0;
				bottom: 0;
			}
			.cour-btn{
				border-top-left-radius: 15rpx;
				border-bottom-right-radius: 15rpx;
				padding: 0 20rpx;
				color: #00A29A;
				height: 48rpx;
				line-height: 48rpx;
				background-color: #D9F6FF;
				
			}
		}
	}
</style>
